<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
<meta charset="utf-8" />
<title>${session.SOFT_NAME }_智能办公系统</title>
<meta name="description" content="Dashboard" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%include("../../../resapi/style.html"){}%>
<link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
<style>
.menuContent {
	height: 300px;
	position: absolute;
	z-index: 1000;
	overflow: auto;
	display: none;
	background-color: #F5F5F5;
	border: solid 1px #ccc;
}
</style>
</head>
<body style="height: 100%;overflow-y: auto;">
	<div class="page-body" style="padding: 0px; height: 100%;">
		<div class="main-container container-fluid" style="height: 100%;">
			<div class="page-container" style="height: 100%;">
				<div class="col-md-2 col-sm-2 col-xs-12" style="padding: 0px; height: 100%;">
					<div class="widget flat radius-bordered" style="height: 100%;">
						<div class="widget-header bg-lightred">
							<span class="widget-caption">菜单列表</span>
						</div>
						<div class="widget-body" style="height: 100%; overflow-y: auto; padding-bottom: 40px; padding-left: 0px; padding-right: 0px;padding-top: 0px;">
							<ul id="tree" class="ztree"></ul>
							<a id="cbut" href="javascript:void(0);" class="btn btn-purple" style="width: 100%;">创建新菜单</a>
						</div>
					</div>
				</div>
				<div class="col-md-10 col-sm-10 col-xs-12" style="padding: 0px">
					<div class="widget">
						<div class="widget-header bordered-bottom bordered-palegreen">
							<span class="widget-caption">菜单基本信息</span>
						</div>
						<div class="widget-body">
							<form class="form-horizontal form-bordered" id="form" data-bv-message="This value is not valid" data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
								data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right">排序号 ：</label>
									<div class="col-sm-2">
										<input type="number" class="form-control" id="sortNo" name="sortNo" placeholder="排序号" data-bv-digits="true" data-bv-digits-message="排序号必须是正整数" data-bv-notempty="true"
											data-bv-notempty-message="排序号不能为空"> <input type="hidden" id="sysMenuId" name="sysMenuId">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right">系统编码 ：</label>
									<div class="col-sm-5">
										<input type="text" class="form-control" id="sysMenuCode" name="sysMenuCode" placeholder="系统编码" data-bv-notempty="true" data-bv-notempty-message="系统编码不能为空">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right">菜单名称 ：</label>
									<div class="col-sm-5">
										<input type="text" class="form-control" id="sysMenuName" name="sysMenuName" placeholder="菜单名称" data-bv-notempty="true" data-bv-notempty-message="菜单名称不能为空">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right">菜单地址：</label>
									<div class="col-sm-5">
										<input type="text" class="form-control" id="sysMenuUrl" name="sysMenuUrl" placeholder="菜单地址">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right">图标样式 ：</label>
									<div class="col-sm-5">
										<input type="text" class="form-control" id="sysMenuPic" name="sysMenuPic" placeholder="图标样式 ">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right">父级分类：</label>
									<div class="col-sm-5">
										<input type="hidden" id="sysMenuLeave" name="sysMenuLeave"> <input type="text" class="form-control" id="sysMenuLeaveName" name="sysMenuLeaveName" placeholder="请选择父级分类 "
											readonly="readonly">
										<div id="menuContent" class="menuContent">
											<ul id="menuTree" class="ztree"></ul>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right">链接参数：</label>
									<div class="col-sm-5">
										<input type="text" class="form-control" id="sysMenuParm" name="sysMenuParm" placeholder="链接参数">
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-1 control-label no-padding-right">打开方式：</label>
									<div class="col-sm-5 control-group">
										<div class="radio" style="display: inline-block;">
											<label> <input name="sysMenuOpen" type="radio" value="1"> <span class="text">嵌入打开 </span>
											</label>
										</div>
										<div class="radio" style="display: inline-block;">
											<label> <input name="sysMenuOpen" type="radio" class="inverted" value="2"> <span class="text">打开新窗口</span>
											</label>
										</div>
									</div>
								</div>
								<div class="form-group" align="center">
										<a id="createbut" href="javascript:void(0);" class="btn btn-primary">新&nbsp;&nbsp;建</a> <a style="display: none;" id="updatabut" href="javascript:void(0);" class="btn btn-maroon">更&nbsp;&nbsp;改</a>
										<a style="display: none;" id="delbut" href="javascript:void(0);" class="btn btn-danger shiny">删&nbsp;&nbsp;除</a>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%include("../../../resapi/sysjs.html"){}%>
	<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
	<script src="/gobal/js/page/sys/sysmenu.js"></script>
</body>
</html>